<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-CN">

<head>
<meta charset="utf-8">
<!--声明文档兼容模式，表示使用IE浏览器的最新模式-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--设置视口的宽度(值为设备的理想宽度)，页面初始缩放值<理想宽度/可见宽度>-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>main</title>

<!-- 引入Bootstrap核心样式文件 -->
<link href="../css/bootstrap.css" rel="stylesheet">
<!-- 引入日历样式文件 -->
<link rel="stylesheet" href="../css/calendar.css">
<!-- 引入jQuery核心js文件 -->
<script src="../js/jquery-1.11.3.min.js"></script>
<!-- 引入BootStrap核心js文件 -->
<script src="../js/bootstrap.min.js"></script>

<script src="../js/calendar.js"></script>

<link rel="stylesheet" type="text/css" href="../css/front/main.css" />
</head>

<body>

	<!--导航栏-->
	<div class="head">
		<div class="container ">

			<div class="row">
				<a href="main?userId=${user.userId }" class="user">${user.name  }</a>
				<ul>
					<a href="blog">
						<li>博客园</li>
					</a>
					<a href="main?userId=${user.userId }">
						<li>首页</li>
					</a>
				</ul>
			</div>
		</div>
	</div>

	<!--文章-->
	<div class="article">
		<div class="container">
			<div class="row">
				<!--右侧-->
				<div class="col-lg-3 col-md-3 col-ms-3">
					<div class="row notice">
						<div class="row notice-title">
							<span>公告</span>
						</div>

						<div class="row notice-info">
							<span>昵称：</span><a href="main?userId=${user.userId }">${user.name }</a><br />
							<span>性别：</span><a href="main?userId=${user.userId }">${user.sex==0?"男":"女" }</a><br />
							<span>园龄：</span><a href="main?userId=${user.userId }">${days }</a><br />
						</div>
					</div>

					<div class="row">
						<div id="calendar" class="calendar"></div>

					</div>
				</div>
				<!--左侧-->
				<div class="col-lg-9 col-md-9 col-ms-9">





					<c:forEach items="${art }" var="article">
						<!--文章内容-->
						<div class="row text">
							<!--文章标题-->

							<div class="row title">
								<a href="article?articleId=${article.getArtId() }">${article.getArtTitle() }</a>
							</div>
							<!--图片加内容-->
							<div class="row context">
								<img src="../img/20161221105339.png" /> <span class="font">
									${article.artContext }</span> <span>......</span>
							</div>

							<!--文章信息-->
							<div class="row infomation">
								<!--作者-->
								<a href="#" class="author">${article.name }</a>
								<!--发布时间-->
								<span id=""> 发布于${article.artTime } </span>
								<!--评论-->
								<a href="article?articleId=${article.getArtId() }#dingwei">评论(${article.comNum })</a>
								<!--阅读-->
								<a href="article?articleId=${article.getArtId() }">阅读(${article.artRead })</a>
							</div>
						</div>
					</c:forEach>




				</div>

			</div>

		</div>
	</div>
</body>

</html>